<template>
    <div class="home-view">
        <h1>最新热门推荐</h1>
        <div class="banner">
            <img src="../assets/home-banner.jpg" alt="热门推荐">
        </div>
    </div>
</template>

<style scoped>
.home-view {
    padding: 2rem;
}

.banner {
    margin-top: 1rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.banner img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}
</style>
